*{
    text-align: left;
  line-height: 1.5rem !important;
  text-indent: 0.75rem !important;
}
p{

}
img{
  width: 90%;
  margin: 0 auto;
  margin-top: 0.25rem;
}
#pageone{
    background: #f2f2f2;
}
.handline-con{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #FFFFFF;
}
.handline-con .title{
    width:92%;
    margin:0 auto;
    font-size: 20px;
    color:  #000000;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: left;
    margin: 15px  auto;
}
.handline-con .user-info{
    width:92%;
    overflow:hidden;
    margin:20px auto;
    text-align: left;

}
.handline-con .user-info .name{
    color:#2691ff;

    margin-right:0.1rem;

}
.handline-con .user-info .time{
    color:#999999;
}
.text-content{
    width:92%;
    margin:0 auto;
    padding-bottom:0.25rem;
}
.text-content .text{
    font-size:16px;
    color:#333333;
    text-align: left;
    text-indent:0.75rem;
    margin-top:0.5rem;
    margin: 20px 0;
}
.text-content .text-img{
    display:block;
    width:100%;
    margin-top:0.5rem;
}
.rm-comment{
    width:100%;
    overflow:hidden;
    background:#ffffff;
    /* margin-top:0.25rem; */
}
.rm-comment .comment-title{
    width:100%;
    border-bottom:1px solid #e5e5e5;
    display:block;
    line-height:1rem;
    text-indent:0.25rem;
    text-align: left;
    margin: 15px;
    padding: 10px 0;
}
.rm-comment .comment-ul{
    width:100%;
    overflow:hidden;
    margin-top: 15px;
}
.rm-comment .comment-ul .list-li{
    width:100%;
    /* height:2.5rem; */
    border-bottom:1px solid #e5e5e5;
    display:flex;
    position:relative;
    margin-top: 0.1rem;
    padding-bottom: 0.25rem;
}
.rm-comment .comment-ul .list-li .left{
    width:40px;
    height:40px;
    margin-left: 20px;

}
.rm-comment .comment-ul .list-li .left .touxiang{
    width:100%;
    height:100%;
    margin-top: 10px;
}
.rm-comment .comment-ul .list-li .center{
    margin-top:0.25rem;
    margin-left:0.25rem;
    margin-right:auto;
    padding: 15px 0;
}
.rm-comment .comment-ul .list-li .center p{
    margin-top:0.1rem;
    text-align: left;
}
.rm-comment .comment-ul .list-li .center .name{
    color:#2691ff;
    margin-top:-10px;
}
.rm-comment .comment-ul .list-li .center .time{
    font-size:12px;
    color:#999999;
}
.rm-comment .comment-ul .list-li .center .text{
    font-size:16px;
    color:#000000;
}
.rm-comment .comment-ul .list-li .right{
    margin-top:0.25rem;
    margin-right:0.25rem;
}
.rm-comment .comment-ul .list-li .right .icon-pl{
    background: url("../images/comment-icon2.png") no-repeat center center;
    background-size: 100% 100%;
    display:inline-block;
    width:0.5rem;
    height:0.5rem;
    position:relative;
    top:0.07rem;
}
.rm-comment .comment-ul .list-li .right .icon{
    background: url("../images/zan.png") no-repeat center center;
    background-size: 100% 100%;
    display:inline-block;
    width:0.6rem;
    height:0.6rem;
    position:relative;
    top:0.05rem;
}
.rm-comment .comment-ul .list-li .right .icon.active{
    background: url("../images/zan-active.png") no-repeat center center;
    background-size: 100% 100%;
}
.rm-comment .comment-ul .list-li .right .num{
    font-size:12px;
    color:#999999;
}
.rm-comment .comment-ul .list-li .right .num-pl{
    margin-right:0.25rem;
    color:#999999;
    font-size:12px;
}
.rm-comment .comment-ul .list-li .right .num.active{
    color: #ff0808;
}
.all-comment{
    color:#2691ff;
    text-align:center;
    display:block;
    padding: 20px 0;
}
.all-comment .icon{
    background: url("../images/arrow2.png") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin-left:0.2rem;
}
.comment-info{
    height:1.1rem;
    width:100%;
    background:#ffffff;
    margin-top:0.25rem;
    display:flex;
}
.comment-info .input-info{
    width:5rem;
    height:0.75rem;
    margin-left:0.25rem;
    margin-top:0.18rem;
    position:relative;
}
.comment-info .input-info .icon{
    background: url("../images/comment-icon.png") no-repeat center center;
    background-size: 100% 100%;
    display:inline-block;
    width:0.35rem;
    height:0.4rem;
    position:absolute;
    left:0.25rem;
    top:0.2rem;
    z-index:999;
}
.comment-info .input-info input{
    display:inline-block;
    width:4rem;
    height:0.75rem;
    background:#f2f2f2;
    padding-left:1rem;
    position:absolute;
    left:0;
    top:0;
    border-radius:5px;
    color:#999999;
    font-size:14px;
}
.comment-info .com-info{
    margin-left:0.25rem;
    margin-top: 0.35rem;
}
.comment-info .com-info .icon-num{
    position:relative;
    width:1rem;
    height:1rem;
    overflow:hidden;
    /* margin-top:  0.2rem; */
}
.comment-info .com-info .icon-num .icon{
    background: url("../images/comment-icon1.png") no-repeat center center;
    background-size: 100% 100%;
    display:inline-block;
    width: 0.4rem;
    height: 0.35rem;
}
.comment-info .com-info .icon-num .num{
    background:#ffffff;
    color:#ff0808;
    position:absolute;
    right: -0.07rem;
    top: -0.25rem;
    font-size: 12px;
}
.comment-info .zan-info{
    margin-left: 0.35rem;
    margin-top: 0.35rem;
}
.comment-info .zan-info .icon-num{
    position:relative;
    width:1rem;
    height:1rem;
    overflow:hidden;
}
.comment-info .zan-info .icon-num .icon{
    background: url("../images/zan.png") no-repeat center center;
    background-size: 100% 100%;
    display:inline-block;
    width: 0.45rem;
    height: 0.4rem;
}
.comment-info .zan-info .icon-num .icon.active{
    background: url("../images/zan-active.png") no-repeat center center;
    background-size: 100% 100%;
}
.comment-info .zan-info .icon-num .num{
    color:#999999;
    position:absolute;
    right:-0.25rem;
    top: -0.3rem;
    font-size:  12px;
}
.comment-info .zan-info .icon-num .num.active{
    color:#ff0808;
}
.send-comment-info{
    width:100%;
    background:#ffffff;
    position:fixed;
    bottom:0;
    overflow:hidden;
    border-top:1px solid #e5e5e5;
    display:flex;
}
.send-comment-info .send-input{
    width: 80%;
    border:1px solid #e5e5e5;
    display:block;
    margin-left:0.2rem;
    border-radius:5px;
    margin-top:0.15rem;
    line-height:0.6rem;
    text-indent:0.2rem;
}
.send-comment-info .send-sub{
    width:10%;
    margin: 16px;
    background: #2691ff;
    position:  relative;
    text-indent:  0;
    opacity:  1;
    margin-left:auto;
    text-align:center;
    line-height:0.6rem;
    color:#ffffff;
    border-radius:5px;
    display: none;
    margin-top:10px;
    padding-top:10px;
}
#pagethree{
    width: 100%;
    background: #FFFFFF;
}
.pagethree-con{
    width:100%;
    overflow:hidden;
    position: fixed;
    bottom:0;
}
.pagethree-con .top-info{
    display:flex;
    background:#f2f2f2;
    line-height:1rem;
}
.pagethree-con .top-info .left{
    margin-right:auto;
    margin-left:0.25rem;
}
.pagethree-con .top-info .right{
    margin-right:0.25rem;
    color:#ff0808;
}
.pagethree-con .input-info{
    width:94%;
    margin:0 auto;
    margin-top:0.25rem;
}
.pagethree-con .input-info input{
    width:100%;
    height:0.75rem;
    border:1px solid #e5e5e5;
    border-radius:5px;
    text-indent:0.25rem;
}
